<template>
    <a-page-header style="border: 1px solid rgb(235, 237, 240)" title="Title" :breadcrumb="{ props: { routes } }"
        sub-title="This is a subtitle" />
</template>
<script>


export default {
    name: "MainHeader",
    data() {
        return {
            routes: [
                {

                    breadcrumbName: 'First-level Menu',
                },
                {

                    breadcrumbName: 'Second-level Menu',
                },
                {

                    breadcrumbName: 'Third-level Menu',
                },
            ],
        };
    },
    mounted() {

        console.log(this.$route)



    },
    methods: {

    }
};
</script>
<style lang="less" scoped>

</style>